
	<div id="buildingUnitList">
				<!--工具条-->
				<div name="searchColums" id="searchColums_unit">
					<el-form :inline="true" :model="unitFilters" size="small" ref="unitFilters" class="searchForm">
						<el-form-item class="el-form-item" label="单元名称">
							<el-input v-model="unitFilters.unitName" name="unitName" auto-complete="off" placeholder="请输入单元名称"></el-input>
						</el-form-item>
						<span class="bth_search">
					<el-form-item>
			    		<el-button type="success" icon="el-icon-search" v-on:click="getBuildingUnit">查询</el-button>
			    	</el-form-item>
			    	<el-form-item>
			    		<el-button icon="el-icon-refresh" @click="resetUnitForm('unitFilters')">重置</el-button>
			    	</el-form-item>
				</span>
					</el-form>
				</div>
				<!--toolbar-->
				<el-row id="toolbar_unit">
					<el-col :span="24">
						<div class="grid-content bg-purple-light">
							<el-button type="primary" size="mini" icon="el-icon-edit" @click="handleAddUnit">新增</el-button>
							<el-button type="primary" size="mini" @click="batchRemoveUnit" :disabled="this.unitSels.length===0" icon="el-icon-delete">批量删除</el-button>
							<!--<el-button type="primary" size="mini" @click="templeteDown"  icon="el-icon-download">模板下载</el-button>-->
							<!--<el-button type="primary" size="mini" @click="templeteUp"  icon="el-icon-upload">导入</el-button>-->
						</div>
					</el-col>
				</el-row>

				<!--列表-->
				<el-table :data="buildingUnitDatas" id="unitDataGrid" empty-text=" " height="250" border stripe size="mini"
						  :header-row-class-name="headStyle" highlight-current-row v-loading="listunitLoading"
						  :row-class-name="tableRowClassName" @sort-change="handleUnitSortChange"  @selection-change="selsChangeUnit" style="width: 100%;">
					<el-table-column type="selection" width="45"></el-table-column>
					<el-table-column prop="index" :formatter="index_formatter" label="序号" width="60"></el-table-column>
					<el-table-column prop="buildingName"  label="所属楼名称" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="unitName" label="单元名称" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column label="操作" width="160">
						<template scope="scope">
							<el-button size="mini" @click="handleEditUnit(scope.$index, scope.row)">编辑</el-button>
							<el-button type="danger" size="mini" @click="handleDelUnit(scope.$index, scope.row)">删除</el-button>
						</template>
					</el-table-column>
					<el-table-column  label="" ></el-table-column>
				</el-table>

				<!--工具条-->
				<el-col :span="24" class="toolbar" id="unitpageDiv">
					<el-pagination small background @current-change="handleUnitCurrentChange" @size-change="handleUnitSizeChange" :page-sizes="[10, 20, 50, 100]"
								   :page-size="unitpageSize" :total="unittotal" layout="total,sizes, prev, pager, next"  style="float:right;"></el-pagination>
				</el-col>

				<!--编辑界面-->
				<el-dialog title="编辑"  :visible.sync="editUnitFormVisible" :close-on-click-modal="false">
					<el-form :model="editUnitForm" label-width="80px" :rules="addUnitFormRules" ref="editUnitForm" size="mini">
						<el-input v-model="editUnitForm.buildingId" type="hidden" style="display: none!important;"></el-input>
						<el-form-item label="单元名称" prop="unitName">
							<el-input v-model="editUnitForm.unitName" auto-complete="off" placeholder="请输入单元名称"></el-input>
						</el-form-item>
						<el-form-item label="负责人" prop="safeUser">
							<el-input v-model="editUnitForm.safeUser" auto-complete="off" placeholder="请输入负责人"></el-input>
						</el-form-item>
						<el-form-item label="保洁" prop="cleaningUser">
							<el-input v-model="editUnitForm.cleaningUser" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click.native="editUnitFormVisible = false">取消</el-button>
						<el-button type="primary" @click.native="editUnitSubmit" :loading="editUnitLoading">提交</el-button>
					</div>
				</el-dialog>

				<!--新增界面-->
				<el-dialog title="新增"  :visible.sync="addUnitFormVisible" :close-on-click-modal="false">
					<el-form :model="addUnitForm" label-width="80px" :rules="addUnitFormRules" ref="addUnitForm" size="mini">
						<el-input v-model="addUnitForm.buildingId" type="hidden" style="display: none!important;"></el-input>
						<el-form-item label="单元名称" prop="unitName">
							<el-input v-model="addUnitForm.unitName" auto-complete="off" placeholder="请输入单元名称"></el-input>
						</el-form-item>
						<el-form-item label="负责人" prop="safeUser">
							<el-input v-model="addUnitForm.safeUser" auto-complete="off" placeholder="请输入负责人"></el-input>
						</el-form-item>
						<el-form-item label="保洁" prop="cleaningUser">
							<el-input v-model="addUnitForm.cleaningUser" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click.native="addUnitFormVisible = false">取消</el-button>
						<el-button type="primary" @click.native="addUnitSubmit" :loading="addUnitLoading">提交</el-button>
					</div>
				</el-dialog>
				<!--导入界面-->
				<!--<el-dialog title="导入"  :visible.sync="importFormVisible" :close-on-click-modal="false">-->
					<!--<el-upload-->
							<!--class="upload-demo"-->
							<!--ref="upload"-->
							<!--accept="xls,xlsx"-->
							<!--action="communityBuilding?upload"-->
							<!--:on-preview="handlePreview"-->
							<!--:on-remove="handleRemove"-->
							<!--:on-success="handleSuccess"-->
							<!--:before-upload="beforeAvatarUpload"-->
							<!--:file-list="fileList"-->
							<!--:data="uploadParams"-->
							<!--:auto-upload="false">-->
						<!--<el-button slot="trigger" size="small" type="primary">选取文件</el-button>-->
						<!--<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>-->
						<!--<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件</div>-->
					<!--</el-upload>-->
				<!--</el-dialog>-->


	</div>
